<template>
  <div style="height: 300px;">
    <el-form :model="productForm" style="width: 100%;">
      <el-row :gutter="20">
        <!-- 销售 && 交叉销售配置 -->
        <el-col :span="12">
          <span class="idoo-span-title-font">销售&交叉销售配置</span>
          <el-divider />
          <div style="margin-top: 20px;">
            <idoo-form-item label="产品包装" remark="产品包装环节可记录产品交付时的包装样式，具体包括所使用的箱子规格、材质，以及袋子的类型、尺寸等信息。">
              <el-select class="idoo-details-select">

              </el-select>
            </idoo-form-item>
            <idoo-form-item label="交叉推荐" remark="在与客户沟通洽谈以及制作报价单的过程中，系统能够依据当前正在销售的产品，自动提示与之相关的系列产品。
            这有助于向客户全面展示产品阵容，挖掘潜在销售机会，同时丰富报价单内容，为客户提供更多选择">
              <el-select class="idoo-details-select">

              </el-select>
            </idoo-form-item>
          </div>
        </el-col>

        <!-- 报价相关配置 -->
        <el-col :span="12">
          <span class="idoo-span-title-font">报价描述</span>
          <el-divider />
          <div style="margin-top: 20px;">
            <el-input class="idoo-details-input" placeholder="此描述将添加至“销售”报价单中" style="height: 50px;"></el-input>
          </div>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="12">
          <span class="idoo-span-title-font">需求预测</span>
          <el-divider />
          <div style="margin-top: 20px;">
            <el-form-item label="销售预测算法">
            <el-select class="idoo-details-select">

            </el-select>
          </el-form-item>
          </div>
        </el-col>
        <el-col :span="12">

        </el-col>
      </el-row>
    </el-form>
  </div>
</template>


<script setup lang="ts">
import IdooFormItem from '@/components/base/form/formContent/index.vue';
const productForm = {}
</script>

<style scoped>
.el-divider--horizontal {
  margin: 5px 0 !important;
}

.idoo-span-title-font {
  font-weight: bolder !important;
  font-size: small;
}
</style>
